<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>trim</title>
    <script src="../jquery-3.4.1.js"></script>
</head>
<body>
    <h2>trim方法</h2>

    未处理
    <input type="text" name="" id="results1" value=" 前后留空 " />
    <input id="exec1" type="button" value="点击执行"> <br />

    trim处理
    <input type="text" name="" id="results2" value=" 前后留空 " />
    <input id="exec2" type="button" value="点击执行">
</body>
<script>
    $("#exec1").click(function() {
        alert("值的长度：" + $("#results1").val().length)
    });

    $("#exec2").click(function() {
        alert("值的长度：" + $.trim($("#results2").val()).length)
    });
</script>
</html>